@charset "UTF-8";
@-moz-keyframes hehe {
  30% {
    background: #c00;
  }
  50% {
    background: orange;
  }
  100% {
    background: yellowgreen;
    width: 200px;
    height: 200px;
  }
}
@-webkit-keyframes hehe {
  30% {
    background: #c00;
  }
  50% {
    background: orange;
  }
  100% {
    background: yellowgreen;
    width: 200px;
    height: 200px;
  }
}
@keyframes hehe {
  30% {
    background: #c00;
  }
  50% {
    background: orange;
  }
  100% {
    background: yellowgreen;
    width: 200px;
    height: 200px;
  }
}
/*灞呬腑*/
/* line 6, ../../sass/model/hello2.scss */
.app.hello2 .div1 {
  border-style: solid;
  width: 100px;
  height: 100px;
  padding: 25px 0;
}
/* line 12, ../../sass/model/hello2.scss */
.app.hello2 .div1 .bt {
  border-style: solid;
  border-width: 1px;
  width: 50px;
  height: 50px;
  line-height: 50px;
}
/* line 19, ../../sass/model/hello2.scss */
.app.hello2 .div1:hover {
  cursor: pointer;
  padding: 16.66667px 0;
}
/* line 22, ../../sass/model/hello2.scss */
.app.hello2 .div1:hover .bt {
  -moz-transition: 5s;
  -o-transition: 5s;
  -webkit-transition: 5s;
  transition: 5s;
  background-color: #000b15;
  width: 66.66667px;
  height: 66.66667px;
  line-height: 66.66667px;
}
/* line 32, ../../sass/model/hello2.scss */
.app.hello2 .zhongjian {
  width: 400px;
  height: 50px;
  line-height: 50px;
  background-color: #00b3ee;
}
/* line 40, ../../sass/model/hello2.scss */
.app.hello2 .zhongjian:hover {
  width: 600px;
  height: 200px;
  -moz-transition: height 1s cubic-bezier(0.09, 1.45, 0.74, -0.49), width 2s cubic-bezier(0.09, 1.45, 0.74, -0.49);
  -o-transition: height 1s cubic-bezier(0.09, 1.45, 0.74, -0.49), width 2s cubic-bezier(0.09, 1.45, 0.74, -0.49);
  -webkit-transition: height 1s cubic-bezier(0.09, 1.45, 0.74, -0.49), width 2s cubic-bezier(0.09, 1.45, 0.74, -0.49);
  transition: height 1s cubic-bezier(0.09, 1.45, 0.74, -0.49), width 2s cubic-bezier(0.09, 1.45, 0.74, -0.49);
  -moz-animation: 1s hehe;
  -webkit-animation: 1s hehe;
  animation: 1s hehe;
}
/* line 46, ../../sass/model/hello2.scss */
.app.hello2 .z2 {
  width: 400px;
  height: 50px;
  line-height: 50px;
  background-color: #b9def0;
}
/* line 55, ../../sass/model/hello2.scss */
.app.hello2 .z2:hover {
  -moz-animation: 1s hehe;
  -webkit-animation: 1s hehe;
  animation: 1s hehe;
}
